<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>登录</title>
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, minimal-ui, shrink-to-fit=no">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/login.css">
<script type="text/javascript" src="js/zepto_1.1.3.js"></script>
<script type="text/javascript" src="js/common.js"></script>

</head>
<body>
<div class="wrap">
	<header class="g_header">
		<h1 class="tit">登录</h1>
		<div class="side_opt">
			<span class="icon icon_goBack">返回</span>
		</div>
	</header>
	<section class="g_main">
		<div class="login_box">
			<img src="img/logo.png" alt="" class="logo">
			<div class="login_form">
				<ul>
					<li><input type="text" placeholder="请输入手机号码"></li>
					<li><input type="password" placeholder="请输入密码"></li>
				</ul>
				<div class="type_sel">
					<label><input type="radio" name="type_sel" id="chezhu" class="radio">车主</label>
					<label><input type="radio" name="type_sel"  id="huozhu" class="radio">货主</label>
					<label><input type="radio" name="type_sel" id="wuliugongsi" class="radio">物流公司</label></div>
				<button class="btn_save openwebview"  data-url="shouye.html">登录</button>
			</div>
			<p class="register_tips">还没有账号？<a class="openwebview" data-url="zhuce.html">马上注册</a></p>
		</div>
	</section>
</div>
<script type="text/javascript">
$(function(){
	$(".radio").change(function (){ //拨通
		Storage.set('type_sel',$(this).attr("id"))
	});
	var type_sel = Storage.get('type_sel')||"huozhu";
	console.log($('#'+type_sel)[0].checked);
	if($('#'+type_sel)[0].checked){

	}else{
		$(".radio").each(function(){
			 if($(this)[0].checked){
				 $(this)[0].checked = false;
			 }
		})
		$('#'+type_sel)[0].checked = true;
	}
})
</script>
</body>
</html>
